Ниже я приведу краткий обзор обязательных моментов на которые нужно обратить внимание при создании web макета для дальнейшей передачи его на вёрстку.

Они помогут вам:

• глубже продумать свой макет
• избежать лишних вопросов
• получить более качественный результат
• остаться друзьями с frontend-разработчиком

Общее

1. Именования макетов (Страниц, фреймов — обязательно) должны четко передавать суть и назначение и быть привязаны к логическим страницам сайта или другим большим сущностям.
   (Пример: “главная — планшет”, “main — mobile”, “кнопки”)
   [screen-example]
2. Необходимо соблюдать структуру документа при работе со слоями, группами, компонентами и экранами, давать им исчерпывающие названия
   (Пример: main-background, settings, button, registration-page-mobile)
   (Плохой пример: frame 1, group 45, iphone XR)
   [screen-example]
3. Если нужна мобильная версия, то на каждый экран должен быть разработан макет шириной 320px (iPhone SE),